﻿@{
    ViewBag.Title = "单表开发模板";
    Layout = "~/Views/Shared/_CodeBulidForm.cshtml";
}

@Html.AppendCssFile("/Areas/LR_CodeGeneratorModule/Views/TemplatePC/WorkflowCodeIndex.css")

<div class="widget-body">
    <input id="rootDirectory" type="hidden" value="@ViewBag.rootDirectory" />
    <input id="_mappingDirectory" type="hidden" value="@ViewBag.mappingDirectory" />
    <input id="_serviceDirectory" type="hidden" value="@ViewBag.serviceDirectory" />
    <input id="_webDirectory" type="hidden" value="@ViewBag.webDirectory" />
    <div id="wizard" class="wizard" data-target="#wizard-steps">
        <ul class="steps">
            <li data-target="#step-1" class="active"><span class="step">1</span>数据表设置<span class="chevron"></span></li>
            <li data-target="#step-2"><span class="step">2</span>表单页面<span class="chevron"></span></li>
            <li data-target="#step-3"><span class="step">3</span>条件配置<span class="chevron"></span></li>
            <li data-target="#step-4"><span class="step">4</span>列表页面<span class="chevron"></span></li>
            <li data-target="#step-5"><span class="step">5</span>信息配置<span class="chevron"></span></li>
            <li data-target="#step-6"><span class="step">6</span>查看代码<span class="chevron"></span></li>
            <li data-target="#step-7"><span class="step">7</span>发布功能<span class="chevron"></span></li>
        </ul>
    </div>
    <div class="step-content" id="wizard-steps">
        <div class="step-pane step-gird-pane active" id="step-1">
            <div class="btn-tool-bar">
                <div class="btn-tool-bar-left">
                    <div id="dbId" style="border-radius: 4px;"></div>
                </div>
                <div class=" btn-group btn-group-sm">
                    <a id="lr_refresh" class="btn btn-default"><i class="fa fa-refresh"></i></a>
                </div>
                <div class="btn-group btn-group-sm">
                    <a id="lr_db_add" class="btn btn-default"><i class="fa fa-plus"></i>&nbsp;新增</a>
                    <a id="lr_db_edit" class="btn btn-default"><i class="fa fa-pencil-square-o"></i>&nbsp;编辑</a>
                    <a id="lr_db_delete" class="btn btn-default"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
                </div>
            </div>
            <div id="db_gridtable"></div>
        </div>
        <div class="step-pane" id="step-2" style="padding:5px;">
            <div style="position:relative;width:100%;height:100%;border:1px solid #ddd;padding-left:360px;">
                <div style="position:absolute;left:0;top:0;width:180px;height:100%;" id="tab_list"></div>
                <div style="position:absolute;left:180px;top:0;width:180px;height:100%;border-left:1px solid #ddd;" id="table_list"></div>
                <div style="position:relative;width:100%;height:100%;border-left:1px solid #ddd;padding-top:40px;">
                    <div style="position:absolute;height:40px;width:100%;left:0;top:0;z-index:10;">
                        <div class="col-xs-2 lr-form-item" style="padding-top: 6px;padding-left:60px;">
                            <div class="lr-form-item-title" style="width:60px;">表单宽:</div>
                            <input id="formWidth" type="text" class="form-control lr-input-underline" isvalid="yes" checkexpession="NotNull" value="600" />

                        </div>
                        <div class="col-xs-2 lr-form-item" style="padding-top: 6px;padding-left:60px;">
                            <div class="lr-form-item-title" style="width:60px;">表单高:</div>
                            <input id="formHeight" type="text" class="form-control lr-input-underline" isvalid="yes" checkexpession="NotNull" value="400" />
                        </div>
                        <div class="col-xs-4 lr-form-item" style="padding-top: 6px;padding-left:100px;">
                            <div class="lr-form-item-title" style="width:100px;" >流程关联字段:</div>
                            <div id="workfield" isvalid="yes" checkexpession="NotNull"></div>
                        </div>
                        <div style="position: absolute;right: 5px;top: 5px;">
                            <a id="lr_preview_form" class="btn btn-default btn-sm"><i class="fa fa-eye"></i>&nbsp;排版预览</a>
                        </div>
                    </div>
                    <div style="position:relative;width:100%;height:100%;border-top:1px solid #ddd;padding-bottom:30px;">
                        <div class="lr-form-layout-body-title" style="top:initial;bottom:0;border-bottom:0px;border-top:1px solid #ddd;">
                            <div class="lr-form-jfgrid-btns">
                                <a id="lr_edit_tabs" class="btn btn-default"><i class="fa fa-pencil-square-o"></i>&nbsp;选项卡编辑</a>

                                @*<a id="lr_add_form" class="btn btn-success"><i class="fa fa-plus"></i>&nbsp;新增</a>*@
                                <a id="lr_edit_form" class="btn btn-success"><i class="fa fa-pencil-square-o"></i>&nbsp;编辑</a>
                                <a id="lr_delete_form" class="btn btn-danger"><i class="fa fa-trash-o"></i>&nbsp;移除</a>

                                <a id="lr_gridadd_form" class="btn btn-primary"><i class="fa fa-th-list"></i>&nbsp;添加表格</a>
                                <a id="lr_gridedit_form" class="btn btn-warning"><i class="fa fa-th-list"></i>&nbsp;编辑表格</a>
                                @*<a id="lr_import_form" class="btn btn-primary"><i class="fa fa-sign-in"></i>&nbsp;导入字段</a>*@
                            </div>
                        </div>
                        <div id="form_gridtable"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="step-pane step-gird-pane lr-form-layout" id="step-3" style="padding-top: 81px;">
            <div class="lr-form-layout-header">
                <div class="col-xs-6 lr-form-item">
                    <div class="lr-form-item-title">时间查询</div>
                    <div class="radio">
                        <label>
                            <input name="queryDatetime" type="radio" value="1" />
                            启用
                        </label>
                        <label>
                            <input name="queryDatetime" type="radio" value="0" checked="checked" />
                            停用
                        </label>
                    </div>
                </div>
                <div class="col-xs-6 lr-form-item">
                    <div class="lr-form-item-title">时间字段</div>
                    <div id="queryDatetime" class="lr-select-underline"></div>
                </div>
                <div class="col-xs-6 lr-form-item">
                    <div class="lr-form-item-title">搜索框宽</div>
                    <input id="queryWidth" type="text" class="form-control lr-input-underline" placeholder="请输入宽" isvalid="yes" checkexpession="NotNull" value="400" />
                </div>
                <div class="col-xs-6 lr-form-item">
                    <div class="lr-form-item-title">搜索框高</div>
                    <input id="queryHeight" type="text" class="form-control lr-input-underline" placeholder="请输入高" isvalid="yes" checkexpession="NotNull" value="220" />
                </div>
            </div>
            <div class="lr-form-layout-body">
                <div class="lr-form-layout-body-title">
                    <div class="lr-form-jfgrid-btns">
                        <a id="lr_add_query" class="btn btn-success"><i class="fa fa-plus"></i>&nbsp;添加</a>
                        <a id="lr_edit_query" class="btn btn-info"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
                        <a id="lr_delete_query" class="btn btn-danger"><i class="fa fa-trash-o"></i>&nbsp;移除</a>
                    </div>
                    <span>条件项设计</span>
                </div>
                <div id="query_girdtable"></div>
            </div>
        </div>
        <div class="step-pane" id="step-4" style="padding:5px;">
            <div style="position:relative;border:1px solid #ddd;width:100%;height:100%;padding-left:180px;">
                <div style="position:absolute;top:0;left:0;width:180px;height:100%;border-right:1px solid #ddd;" id="compont_list"></div>
                <div style="position:relative;padding-top:35px;width:100%;height:100%;">
                    <div style="position:absolute;height:40px;width:100%;left:0;top:0;">
                        <div class="col-xs-12 lr-form-item" style="padding:0px;padding-left:10px;padding-top: 3px;">
                            <div class="radio">
                                <label>
                                    <input name="isPage" id="isPage1" type="radio" value="1" checked="checked" />
                                    分页
                                </label>
                                <label>
                                    <input name="isPage" id="isPage0" type="radio" value="0" />
                                    不分页
                                </label>
                            </div>
                        </div>
                    </div>
                    <div style="position:relative;width:100%;height:100%;padding-bottom:30px;border-top:1px solid #ddd;">
                        <div class="lr-form-layout-body-title" style="top:initial;bottom:0;border-bottom:0px;border-top:1px solid #ddd;">
                            <div class="lr-form-jfgrid-btns">
                                @*<a id="lr_add_col" class="btn btn-success"><i class="fa fa-plus"></i>&nbsp;新增</a>*@
                                <a id="lr_edit_col" class="btn btn-success"><i class="fa fa-pencil-square-o"></i>&nbsp;编辑</a>
                                @*<a id="lr_delete_col" class="btn btn-danger"><i class="fa fa-trash-o"></i>&nbsp;移除</a>*@
                            </div>
                        </div>
                        <div id="col_gridtable"></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="step-pane step-pane-base" id="step-5">
            <div class="step-pane-base-top">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">功能信息配置</h3>
                    </div>
                    <div class="panel-body">
                        <div class="col-xs-6 lr-form-item">
                            <div class="lr-form-item-title">创建人员</div>
                            <input id="createUser" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" />
                        </div>
                        <div class="col-xs-6 lr-form-item">
                            <div class="lr-form-item-title">功能类名</div>
                            <input id="name" type="text" class="form-control" placeholder="请输入功能类名" isvalid="yes" checkexpession="NotNull" />
                        </div>
                        <div class="col-xs-6 lr-form-item">
                            <div class="lr-form-item-title">功能描述</div>
                            <input id="describe" type="text" class="form-control" placeholder="请输入功能描述" isvalid="yes" checkexpession="NotNull" />
                        </div>
                        <div class="col-xs-6 lr-form-item">
                            <div class="lr-form-item-title">输出区域</div>
                            <div id="outputArea" isvalid="yes" checkexpession="NotNull"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel panel-default lr-panel">
                <div class="panel-heading">
                    <h3 class="panel-title">输出目录</h3>
                </div>
                <div class="panel-body">
                    <div class="col-xs-12 lr-form-item">
                        <div class="lr-form-item-title">映射类输出目录</div>
                        <input id="mappingDirectory" type="text" class="form-control" readonly />
                    </div>
                    <div class="col-xs-12 lr-form-item">
                        <div class="lr-form-item-title">后端类输出目录</div>
                        <input id="serviceDirectory" type="text" class="form-control" readonly />
                    </div>
                    <div class="col-xs-12 lr-form-item">
                        <div class="lr-form-item-title">前端项输出目录</div>
                        <input id="webDirectory" type="text" class="form-control" readonly />
                    </div>
                </div>
            </div>
        </div>
        <div class="step-pane" id="step-6" style="padding-top:49px;">
            <ul class="nav nav-tabs lr-form-tab" id="nav_tabs">
                <li class="active"><a data-value="entityCodediv">实体类</a></li>
                <li><a data-value="mapCodediv">实体映射类</a></li>
                <li><a data-value="serviceCodediv">服务类</a></li>
                <li><a data-value="bllCodediv">业务类</a></li>
                <li><a data-value="ibllCodediv">业务接口类</a></li>
                <li><a data-value="controllerCodediv">控制器</a></li>
                <li><a data-value="indexCodediv">主页面</a></li>
                <li><a data-value="indexJsCodediv">主页面JS</a></li>
                <li><a data-value="formCodediv">表单页</a></li>
                <li><a data-value="formJsCodediv">表单页JS</a></li>
            </ul>
            <div class="tab-content" id="tab_content">
                <div id="entityCodediv" class="tab-pane active"><div id="entityCode"></div></div>
                <div id="mapCodediv" class="tab-pane"><div id="mapCode"></div></div>
                <div id="serviceCodediv" class="tab-pane"><div id="serviceCode"></div></div>
                <div id="bllCodediv" class="tab-pane"><div id="bllCode"></div></div>
                <div id="ibllCodediv" class="tab-pane"><div id="ibllCode"></div></div>
                <div id="controllerCodediv" class="tab-pane"><div id="controllerCode"></div></div>
                <div id="indexCodediv" class="tab-pane"><div id="indexCode"></div></div>
                <div id="indexJsCodediv" class="tab-pane"><div id="indexJsCode"></div></div>
                <div id="formCodediv" class="tab-pane"><div id="formCode"></div></div>
                <div id="formJsCodediv" class="tab-pane"><div id="formJsCode"></div></div>
            </div>
        </div>
        <div class="step-pane lr-form-wrap" id="step-7">
            <div class="col-xs-6 lr-form-item">
                <div class="lr-form-item-title">编号<font face="宋体">*</font></div>
                <input id="F_EnCode" type="text" class="form-control" placeholder="请输入编号" isvalid="yes" checkexpession="NotNull" />
            </div>
            <div class="col-xs-6 lr-form-item">
                <div class="lr-form-item-title">名称<font face="宋体">*</font></div>
                <input id="F_FullName" type="text" class="form-control" placeholder="请输入名称" isvalid="yes" checkexpession="NotNull" />
            </div>
            <div class="col-xs-6 lr-form-item">
                <div class="lr-form-item-title">上级</div>
                <div id="F_ParentId"></div>
            </div>
            <div class="col-xs-6 lr-form-item">
                <div class="lr-form-item-title">图标</div>
                <input id="F_Icon" type="text" class="form-control" placeholder="请选择图标" />
                <span id="selectIcon" class="lr-input-button" title="选取图标">...</span>
            </div>
            <div class="col-xs-6 lr-form-item">
                <div class="lr-form-item-title">排序<font face="宋体">*</font></div>
                <input id="F_SortCode" type="text" class="form-control" placeholder="请输入排序号" isvalid="yes" checkexpession="Num" />
            </div>
            <div class="col-xs-6 lr-form-item">
                <div class="lr-form-item-title">选项</div>
                <div class="checkbox">
                    <label>
                        <input id="F_IsMenu" type="checkbox" checked="checked" />
                        菜单
                    </label>
                    <label>
                        <input id="F_IsPublic" type="checkbox" />
                        公共
                    </label>
                </div>
            </div>
            <div class="col-xs-12 lr-form-item">
                <div class="lr-form-item-title">描述</div>
                <textarea id="F_Description" class="form-control" style="height: 180px;"></textarea>
            </div>
        </div>
    </div>

    <div class="lr-form-bottom-button" id="wizard-actions">
        <a id="btn_prev" class="btn btn-default btn-prev" disabled>上一步</a>
        <a id="btn_next" class="btn btn-default btn-next">下一步</a>
        <a id="btn_finish" class="btn btn-success" disabled>完成</a>
    </div>
</div>

@Html.AppendJsFile("/Areas/LR_CodeGeneratorModule/Views/TemplatePC/WorkflowCodeIndex.js")







